﻿{% extends "./inc/inc_baseNew.html" %}
{% block content %}
<style>
    .product-details-inner{
        margin:  30px;
    }
    .product-details-des .row .title {
        height: 60px;
        line-height: 50px;
        color: #58636d;
    }

    .panel-title {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 18px;
        color: #000;
        font-weight: bold;
    }

    .product-details-des .row .cag {
        height: 30px;
        line-height: 30px;
        color: #58636d;
    }

    .cag-title {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 20px;
        color: #000;
        font-weight: bold;
    }

    .biaoti {
        margin-top: 0;
        background-color: #f3f3f3;
    }

    .product-details-des .row {
        margin: 15px;
        font-size: 15px;
        color: #58636d;
    }

    .faburen-details .row {
        color: #000;
    }

    .row div:nth-child(2) {
        color: #000;
    }

    .row div.leixing {
        font-size: 20px;
        font-weight: bold;
        color: #58636d;
    }

    .faburen-details .desc {
        border-top: 1px solid #f3f3f3;
        border-bottom: 1px solid #f3f3f3;
        font-size: 20px;
        font-weight: bold;
        color: #58636d;
        padding: 10px 0;
    }

    .product-details-des .action_link {
        margin: 35px 0 0 0;
    }

    span.item-price {
        font-size: 20px;
        font-weight: bold;
        color: #ed1a24!important;
    }
    .swiper-slide-visible{
        opacity: 0.5;
    }
    .swiper-slide-thumb-active{
        border:3px solid #7acf39; 
        margin:0 4px;
        opacity: 1;
    }
    .gallery-thumbs {
        margin-top: 5px;
    }
    .gallery-thumbs .swiper-slide{
        width:  66px;
        height: 52px;
    }
</style>
<div class="container margin-boot-25">
    <div class="member-area-from-wrap">
        <div class="row">
            <div class="col-wy-4">
                <div class="login-reg-form-wrap" style="margin-top: 20px">
                    <div class="container">
                        <div class="row">
                            <div class="col-wy-11">
                                <!-- product details inner end -->
                                <div class="product-details-inner">
                                    <div class="row">
                                        <div class="col-lg-4">
                                            <!-- Swiper -->
                                            <div class="swiper-container gallery-top" style=" width:380px;height: 270px">
                                                <div class="swiper-wrapper">
                                                        {% for u in url %}
                                                        <div class="swiper-slide" style="background-image:url({{u}}); background-size: 380px 270px;"></div>
                                                        {% endfor %}
                                                </div>
                                            </div>
                                            <div class="swiper-container gallery-thumbs row" style="width:380px;height: 58px">
                                                <div class="swiper-wrapper">
                                                {% for u in url %}
                                                <div class="swiper-slide" style="background-image:url({{u}}); background-size: 66px 58px;background-repeat: round;"></div>
                                                {% endfor %}
                                                </div>

                                            </div>
                                            <!-- Swiper -->
                                            {% if user %}
                                            <div class="product-details-des faburen-details">
                                                <div class="row desc">
                                                    <div class="col">发布方信息</div>
                                                </div>
                                                <div class="row">
                                                    <div class="col">公司名称：{{user.gsmc}}</div>
                                                </div>
                                                <div class="row">
                                                    <div class="col">联系人：{{user.real_name}}</div>
                                                </div>
                                                <div class="row">
                                                    <div class="col">联系电话：{{user.mobile}}</div>
                                                </div>
                                            </div>
                                            {% endif %}
                                        </div>

                                        <div class="col-lg-8">
                                            <div class="col product-details-des">
                                                <div class="row ">
                                                    <div class="col-7 cag-title">{{gongxufabu.shangpingleibie}}</div>
                                                    <div class="col-5 cag">信息编号：{{gongxufabu.fabu_no}}</div>
                                                </div>
                                                <div class="row biaoti">
                                                    <div class="col-7 title panel-title">{{gongxufabu.xinxibiaoti}}
                                                    </div>
                                                    <div class="col-5 title">
                                                        发布日期：{{gongxufabu.chuangjianshijian|dateformat('Y-m-d')}}</div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-2">信息类型</div>
                                                    <div class="col-10 leixing">
                                                        {{gongxufabu.xinxileixing|get_gongxutype}}</div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-2">商品价格</div>
                                                    <div class="col-10"><span class="item-price">{{gongxufabu.jiage|formatCurrencyNoDot}}</span><span> 元/吨</span></div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-2">预计数量</div>
                                                    <div class="col-8"><span class="item-price">{{gongxufabu.shangpingshuliang|formatCurrencyNoDot}}</span><span> 吨</span></div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-2">预计货款</div>
                                                    <div class="col-10"><span class="item-price">{{gongxufabu.zongjia|formatCurrencyNoDot}}</span><span> 元</span></div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-2">所在地区</div>
                                                    <div class="col-10">{{gongxufabu.diqu}}</div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-2">位置详细</div>
                                                    <div class="col-10">{{gongxufabu.suozaiweizhi}}</div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-2">有效期至</div>
                                                    <div class="col-10">{{gongxufabu.chuangjianshijian|moment('YYYY-MM-DD',gongxufabu.youxiaoqi|get_youxiaotianshu)}}</div>
                                                </div>
                                                <div class="row desc">
                                                    <div class="col-2">商品描述</div>
                                                    <div class="col-10">{{gongxufabu.leirongmiaoshu}}</div>
                                                </div>

                                                <div class="row action_link justify-content-center">
                                                    {% if gongxufabu.status==3 %}
                                                        <form method="post" class="form-jieshou col-4 text-center" action="/center/message/jieshou" data-validate="parsley">
                                                            <input type="hidden" name="id" readonly required value="{{gongxufabu.id}}">
                                                            <a class="btn btn-primary ajax-post confirm" message="是否接受消息?" act="ajax-post" target-form="form-jieshou" style="border-radius: 0; width: 120px;">&nbsp;&nbsp;&nbsp;&nbsp;接受&nbsp;&nbsp;&nbsp;&nbsp;</a>
                                                        </form>
                                                        <form method="post" class="form-jujue col-4 text-center" action="/center/message/jujue" data-validate="parsley">
                                                            <input type="hidden" name="id" readonly required value="{{gongxufabu.id}}">
                                                            <a class="btn btn-primary ajax-post confirm" message="是否拒绝消息?" act="ajax-post" target-form="form-jujue"  style="border-radius: 0; width: 120px;">&nbsp;&nbsp;&nbsp;&nbsp;拒绝&nbsp;&nbsp;&nbsp;&nbsp;</a>
                                                        </form>
                                                    {% endif %}
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
{% endblock %}